<!DOCTYPE html>
<html lang="en">
      <head>
      <title>About us</title>
      <meta charset="utf-8">
      <link rel="icon" href="img/favicon.ico" type="image/x-icon">
      <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
      <meta name="description" content="Your description">
      <meta name="keywords" content="Your keywords">
      <meta name="author" content="Your name">
      <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen">
      <link rel="stylesheet" href="css/responsive.css" type="text/css" media="screen">
      <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
      <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
      <script type="text/javascript" src="js/jquery.js"></script>
      <script type="text/javascript" src="js/superfish.js"></script>
      <script type="text/javascript" src="js/jquery.mobilemenu.js"></script>    
       <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
            <!--[if lt IE 8]>
  		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>  
 	<![endif]-->
      <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>  
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:700' rel='stylesheet' type='text/css'>
  <![endif]-->
      </head>

      <body>
<!--============================== header =================================-->
<header>
        <div class="container">
    <div class="navbar navbar_">
            <div class="clearfix">
        <h1 class="brand"><a href="index.html"><img alt="Tagoo" src="img/logo.png"></a></h1>
        <div class="nav-collapse nav-collapse_  collapse">
         <ul class="nav sf-menu">
            <li><a href="index.html">Home</a></li>
            <li class="active"><a href="index-1.html">About us </a></li>
            <li><a href="index-2.html">Clients</a>
                <ul>
                    <li><a href="#">Dolore ipsu</a></li>
                    <li><a href="#">Consecte</a>
                        <ul>
                        <li><a href="#">Dolore ipsu</a></li>
                        <li><a href="#">Consecte</a></li>
                        <li><a href="#"> Elit Conseq</a></li>
                       </ul>
                   </li>
                   <li><a href="#">Elit Conseq</a></li>
              </ul>
            </li>
            <li><a href="index-3.html">Services</a></li>
            <li><a href="index-4.html">Mail Us</a></li>
         </ul>
              </div>
      </div>
          </div>
  </div>
      </header>

<!--============================== content =================================-->

<div id="content">
	<div class="navbar">
		<ul class="nav sf-menu">
			<li class="active"><a href="#">Knajpka 1</a></li>
			<li><a href="#">Knajpka 2</a></li>
		</ul>
	</div>
  <div class="container">
    <div class="row">
      <article class="span8">
        <div class="row">
          <article class="span4">
            <h3>About</h3>
            <div class="clearfix">
              <figure class="img-indent"><img src="img/page2-img1.jpg " alt="" /></figure>
             <div class="overflow">
              <div class="txt-1">Maecenas tristique orci ac ipsum  semuis ultricies  done caccu msan male suada orci.  </div></div>
              <p>Quisque gravida felis eu massa consecteturmalesuada nibh porttitor. Nam nunc nulla, tempus at viverr sit ametet semper nec diamhasellus tellus elit, placerat.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy 
hendrerit mauris. Phasellus porta. Fusce suscipit varius mi. Cum sociis natoque penatibus et magnis dis parturient 
montes, nascetur ridiculus mus.  </p>
            
            </div>
          </article>
          <article class="span4">
            <h3>Mission</h3>
            <dl class="list-mission">
              <dt>Ultrices posuere cubilia.</dt>
              <dd> Fusce euismod consequat ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. Mauris accumsan nulla 
vel diam. Sed in lacus ut enim adipiscing aliquet.  </dd>
              <dt>Donec sagittis euismod purus.</dt>
              <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. 
Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis.</dd>
              <dt> Fusce feugiat malesuada odio.</dt>
              <dd>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. 
Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis.</dd>
            </dl>
            <a href="#" class="btn btn-1">more</a> </article>
        </div>
      </article>
      <article class="span4">
        <h3>Staff</h3>
        <div class="row">
          <ul class="list-staff">
            <li class="span2">
              <figure><img src="img/page2-img2.jpg " alt="" /></figure>
            </li>
            <li class="span2">
              <figure><img src="img/page2-img3.jpg " alt="" /></figure>
            </li>
            <li class="span2">
              <figure><img src="img/page2-img4.jpg " alt="" /></figure>
            </li>
            <li class="span2">
              <figure><img src="img/page2-img5.jpg " alt="" /></figure>
            </li> 
            <li class="span2">
              <figure><img src="img/page2-img6.jpg " alt="" /></figure>
            </li>
            <li class="span2">
              <figure><img src="img/page2-img7.jpg " alt="" /></figure>
            </li>
          </ul>
        </div>
      </article>
    </div>
        <h3>Testimonials</h3>
    <div class="row testimonials">
      <div class="span3">
        <blockquote>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. 
Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. </p>
          <span><a href="#" class="link-1">John Franklin </a>/ aenean nec eros</span>  </blockquote>
      </div>
           <div class="span3">
        <blockquote>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. 
Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis. </p>
          <span><a href="#" class="link-1">Alise Puse </a>/ aenean nec eros</span>  </blockquote>
      </div>
           <div class="span3">
        <blockquote>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. 
Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis.   </p>
          <span><a href="#" class="link-1">Patrick Pool </a>/ aenean nec eros</span>  </blockquote>
      </div>
      
       <div class="span3">
        <blockquote>
          <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sed dolor. Aliquam congue fermentum nisl. 
Mauris accumsan nulla vel diam. Sed in lacus ut enim adipiscing aliquet. Nulla venenatis.   </p>
          <span><a href="#" class="link-1">Marta Healy </a>/ aenean nec eros</span>  </blockquote>
      </div>
     
    </div>
  </div>
</div>

<!--============================== footer =================================-->
<footer>
        <div class="container clearfix">
    <div class="pull-right">
            <div class="list-soc clearfix"> <a href="#"><img alt="" src="img/soc-icon1.png"></a>
              <a href="#"><img alt="" src="img/soc-icon2.png"></a>
               <a href="#"><img alt="" src="img/soc-icon3.png"></a> </div>
          </div>
    <div class="privacy"><img src="img/logo-footer.png" alt=""> &copy; 2013 | <a href="index-5.html">Privacy Policy</a>
           </div>
  </div>
      </footer>
<script type="text/javascript" src="js/bootstrap.js"></script>
</body>
</html>